<template>
  <div>
    <h2>首页</h2>
    <p>首页的内容</p>
    <router-link to="/home/message">消息</router-link>
    <router-link to="/home/news">新闻</router-link>
    <router-view></router-view>
  </div>
</template>
<script>
export default {
  name: "home",
  data() {
    return {
      path: "",
    };
  },
  //该组件只有在keepalive时才有效果
  activated() {
    this.$router.push(this.path);
  },
  beforeRouteLeave(to, from, next) {
    console.log(this.$route.path);
    this.path = this.$route.path;
    next();
  },
};
</script>

<style scoped>
</style>